<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{{ site.name }}</title>
	<meta name="keywords" content="itmyhome,Java,JS,JQuery,Web,Oracle,Git,GitHub,Jekyll,Bootstrap">
	<meta name="description" content="麦田技术博客 - itmyhome">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.jpg" />

    <script src="{{ site.baseurl }}/js/jquery-1.8.0.min.js"></script>
    <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
	<script src="{{ site.baseurl }}/js/main.js"></script> 
	<script src="{{ site.baseurl }}/js/sabiland.woozy.clock.js"></script>
	<script src="{{ site.baseurl }}/js/sabiland.escapist.deluxe.js"></script>

	<script src="{{ site.baseurl }}/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	
    <link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet">
    <link href="{{ site.baseurl }}/css/theme.css" rel="stylesheet">
	<link href="{{ site.baseurl }}/css/pygments.css" rel="stylesheet">
	
	<link rel="stylesheet" href="{{ site.baseurl }}/css/gitalk.css">
	
	<link rel="stylesheet" href="{{ site.baseurl }}/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
	
	<!-- 时光轴 -->
	<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/footprints/css/bootstrap-glyphicons.css">
	<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/footprints/css/styles.css">
	
	<!-- 图标字体库 -->
	<link href="{{ site.baseurl }}/css/font-awesome-4.6.3/css/font-awesome.min.css" type="text/css" rel="stylesheet">
</head>

<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="navbar navbar-default navbar-fixed-top" role="navigation">
			   <!--<div class="container"> -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					  <span class="sr-only">Toggle navigation</span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					</button>
					<!-- <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.name }}</a> -->
					<a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/images/logo.jpg" style="opacity:0.8"></a>
				  </div>
				  <div class="collapse navbar-collapse navbar-responsive-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active"><a href="{{ site.baseurl }}/">首页</a></li>
						<!-- <li class="active visible-xs-block"><a href="{{ site.baseurl }}/links.html">Links</a></li> -->
						<li id="archive"><a href="{{ site.baseurl }}/archive.html">归档</a></li>
						<li id="categorys"><a href="{{ site.baseurl }}/categorys.html">分类</a></li>
						<li id="tags"><a href="{{ site.baseurl }}/tags.html">标签</a></li>
						<!--
						<li id="chip"><a href="{{ site.baseurl }}/chip.html">碎片</a></li>
						-->
						<li id="books"><a href="{{ site.baseurl }}/books.html">读书</a></li>
						<li id="resources"><a href="{{ site.baseurl }}/resources.html">资源</a></li>
						
						<li class="dropdown">
						   <a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">API <span class="caret"></span></a>
						   <ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
							  <li class=""><a href="http://docs.itmyhome.com/" target="_blank" tabindex="-1">API docs</a></li>
							  <li role="separator" class="divider"></li>
							  <li class=""><a href="http://itmyhome.com/git/" target="_blank" tabindex="-1">Git 参考手册</a></li>
							  <li class=""><a href="http://itmyhome.com/git-sheet/" target="_blank" tabindex="-1">Git 速查表</a></li>
							  <li class=""><a href="http://itmyhome.com/progit/" target="_blank" tabindex="-1">Pro Git 中文版</a></li>
							  <li role="separator" class="divider"></li>
							  <li class=""><a href="http://itmyhome.com/java-api/" target="_blank" tabindex="-1">JavaAPI 在线文档</a></li>
							  <li class=""><a href="http://itmyhome.com/hibernate/" target="_blank" tabindex="-1">Hibernate 中文手册</a></li>
							  <li class=""><a href="http://itmyhome.com/spring/" target="_blank" tabindex="-1">Spring 参考文档</a></li>
							  <li class=""><a href="http://itmyhome.com/mybatis/" target="_blank" tabindex="-1">MyBatis 参考文档</a></li>
							  <li class=""><a href="http://itmyhome.com/activiti/" target="_blank" tabindex="-1">Activiti 用户手册</a></li>
							  <li role="separator" class="divider"></li>
							  <li class=""><a href="http://itmyhome.com/jq/" target="_blank" tabindex="-1">JQuery 在线手册</a></li>
							  <li class=""><a href="http://itmyhome.com/easyui/" target="_blank" tabindex="-1">EasyUI 在线手册</a></li>
							  <li class=""><a href="http://itmyhome.com/bootstrap/" target="_blank" tabindex="-1">Bootstrap 中文文档</a></li>
							  <li class=""><a href="http://itmyhome.com/markdown/" target="_blank" tabindex="-1">Markdown 入门参考</a></li>
							  <li class=""><a href="http://itmyhome.com/front/" target="_blank" tabindex="-1">前端开发规范手册</a></li>
							  <li class=""><a href="http://itmyhome.com/js/" target="_blank" tabindex="-1">JavaScript 编码规范</a></li>
							  <li class=""><a href="http://itmyhome.com/html/" target="_blank" tabindex="-1">HTML 编码规范</a></li>
							  <li class=""><a href="http://itmyhome.com/css/" target="_blank" tabindex="-1">CSS 编码规范</a></li>
							  <li class=""><a href="http://itmyhome.com/rgb/" target="_blank" tabindex="-1">RGB 颜色对照表</a></li>
						   </ul>
						</li>
						
						<li class="dropdown">
						   <a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">PDF <span class="caret"></span></a>
						   <ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
							  <li class=""><a href="http://pdf.itmyhome.com/" target="_blank" tabindex="-1">PDF Book</a></li>
							  <li role="separator" class="divider"></li>
							  <li class=""><a href="http://itmyhome.com/progit-pdf/" target="_blank" tabindex="-1">Pro Git </a></li>
							  <li class=""><a href="http://itmyhome.com/the-definitive-guide-of-git-pdf/" target="_blank" tabindex="-1">Git 权威指南</a></li>
							  <li class=""><a href="http://itmyhome.com/javascript-pdf/" target="_blank" tabindex="-1">JavaScript权威指南</a></li>
							  <li class=""><a href="http://itmyhome.com/jquery-in-action-pdf/" target="_blank" tabindex="-1">jQuery 实战</a></li>
							  <li class=""><a href="http://itmyhome.com/mybatis-pdf/" target="_blank" tabindex="-1">MyBatis3 用户指南</a></li>
							  <li class=""><a href="http://itmyhome.com/mysql-innodb/" target="_blank" tabindex="-1">MySQL InnoDB存储引擎</a></li>
							  <li class=""><a href="http://itmyhome.com/ibatis-pdf/" target="_blank" tabindex="-1">IBATIS2.0 开发指南</a></li>
							  <li class=""><a href="http://itmyhome.com/html-pdf/" target="_blank" tabindex="-1">HTML 精选属性</a></li>
							  <li class=""><a href="http://itmyhome.com/jdbc-pdf/" target="_blank" tabindex="-1">JDBC 学习手册</a></li>
							  <li class=""><a href="http://itmyhome.com/programmer-job-hopping-pdf/" target="_blank" tabindex="-1">程序员跳槽全攻略</a></li>
							  <li class=""><a href="http://itmyhome.com/java-programmers-interview-book-pdf/" target="_blank" tabindex="-1">Java程序员面试宝典</a></li>
							  <li class=""><a href="http://itmyhome.com/java-concurrent-programming/" target="_blank" tabindex="-1">Java并发编程的艺术</a></li>
							  <li class=""><a href="http://itmyhome.com/java-virtual-machine/" target="_blank" tabindex="-1">深入理解Java虚拟机</a></li>
							  <li class=""><a href="http://itmyhome.com/effective-java/" target="_blank" tabindex="-1">Effective Java中文版</a></li>
							  <li class=""><a href="http://itmyhome.com/java-concurrent-programming-combat/" target="_blank" tabindex="-1">Java并发编程实战</a></li>
							  <li class=""><a href="http://itmyhome.com/distributed-java-applications/" target="_blank" tabindex="-1">分布式JAVA应用</a></li>
							  <li class=""><a href="http://itmyhome.com/software-random-thoughts-pdf/" target="_blank" tabindex="-1">软件随想录</a></li>
							  <li class=""><a href="http://itmyhome.com/java-interview/" target="_blank" tabindex="-1">Java面试题</a></li>
							  <li class=""><a href="http://itmyhome.com/sword-means-offer/" target="_blank" tabindex="-1">剑指offer</a></li>
						   </ul>
						</li>
						<li id="csdn"><a href="http://blog.csdn.net/itmyhome1990" target="_blank">CSDN</a></li>									
						<!--
						<li id="album"><a href="{{ site.baseurl }}/album.html">相册</a></li>
						<li id="motto"><a href="{{ site.baseurl }}/motto.html">胡说</a></li>
						-->
						<li id="history"><a href="{{ site.baseurl }}/history.html">历程</a></li>
						<li id="footprints"><a href="{{ site.baseurl }}/footprints/timeline.html">足迹</a></li>
						<!--
						<li id="friends"><a href="{{ site.baseurl }}/friends.html">友链</a></li>
						-->
						<li id="about"><a href="{{ site.baseurl }}/about.html">关于</a></li>
						<!--<li id="about"><a href="http://itmyhome.com/resume/" target="_blank">简历</a></li>-->
						
					   
					</ul>
					<ul class="nav navbar-nav navbar-right hidden-xs-tablet" style="font-size:18px;">
						<li><a href="javascript:" onclick="haiyixia()" title="让页面”抖“起来"><img src="{{ site.baseurl }}/images/haiyixia.png"></a></a></li>
						<li><a href="javascript:void(0);"></a></li>
					</ul>
					<ul class="nav navbar-nav">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				  </div>
			  <!-- </div> -->
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	function haiyixia() {
		javascript: (function() {
			function c() {
				var e = document.createElement("link");
				e.setAttribute("type", "text/css");
				e.setAttribute("rel", "stylesheet");
				e.setAttribute("href", f);
				e.setAttribute("class", l);
				document.body.appendChild(e)
			}
			function h() {
				var e = document.getElementsByClassName(l);
				for ( var t = 0; t < e.length; t++) {
					document.body.removeChild(e[t])
				}
			}
			function p() {
				var e = document.createElement("div");
				e.setAttribute("class", a);
				document.body.appendChild(e);
				setTimeout(function() {
					document.body.removeChild(e)
				}, 100)
			}
			function d(e) {
				return {
					height : e.offsetHeight,
					width : e.offsetWidth
				}
			}
			function v(i) {
				var s = d(i);
				return s.height > e && s.height < n && s.width > t
						&& s.width < r
			}
			function m(e) {
				var t = e;
				var n = 0;
				while (!!t) {
					n += t.offsetTop;
					t = t.offsetParent
				}
				return n
			}
			function g() {
				var e = document.documentElement;
				if (!!window.innerWidth) {
					return window.innerHeight
				} else if (e && !isNaN(e.clientHeight)) {
					return e.clientHeight
				}
				return 0
			}
			function y() {
				if (window.pageYOffset) {
					return window.pageYOffset
				}
				return Math.max(document.documentElement.scrollTop,
						document.body.scrollTop)
			}
			function E(e) {
				var t = m(e);
				return t >= w && t <= b + w
			}
			function S() {
				var e = document.createElement("audio");
				e.setAttribute("class", l);
				e.src = i;
				e.loop = false;
				e.addEventListener("canplay", function() {
					setTimeout(function() {
						x(k)
					}, 500);
					setTimeout(function() {
						N();
						p();
						for ( var e = 0; e < O.length; e++) {
							T(O[e])
						}
					}, 15500)
				}, true);
				e.addEventListener("ended", function() {
					N();
					h()
				}, true);
				e.innerHTML = " <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";
				document.body.appendChild(e);
				e.play()
			}
			function x(e) {
				e.className += " " + s + " " + o
			}
			function T(e) {
				e.className += " " + s + " "
						+ u[Math.floor(Math.random() * u.length)]
			}
			function N() {
				var e = document.getElementsByClassName(s);
				var t = new RegExp("\\b" + s + "\\b");
				for ( var n = 0; n < e.length;) {
					e[n].className = e[n].className.replace(t, "")
				}
			}
			var e = 30;
			var t = 30;
			var n = 350;
			var r = 350;
			var i = "//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";
			var s = "mw-harlem_shake_me";
			var o = "im_first";
			var u = [ "im_drunk", "im_baked", "im_trippin", "im_blown" ];
			var a = "mw-strobe_light";
			var f = "//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";
			var l = "mw_added_css";
			var b = g();
			var w = y();
			var C = document.getElementsByTagName("*");
			var k = null;
			for ( var L = 0; L < C.length; L++) {
				var A = C[L];
				if (v(A)) {
					if (E(A)) {
						k = A;
						break
					}
				}
			}
			if (A === null) {
				console
						.warn("Could not find a node of the right size. Please try a different page.");
				return
			}
			c();
			S();
			var O = [];
			for ( var L = 0; L < C.length; L++) {
				var A = C[L];
				if (v(A)) {
					O.push(A)
				}
			}
		})()
	}
</script>
